<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <title>InAppWebViewOnLoadResourceTest</title>
        <link rel="stylesheet" href="css/style.css">
        <link rel="shortcut icon" href="favicon.ico">
    </head>
    <body class="text-center">
        <div class="cover-container d-flex w-100 h-100 p-3 mx-auto flex-column">
            <main role="main" class="inner cover">
                <h1 class="cover-heading">InAppWebViewOnLoadResourceTest</h1>
                <img src="images/flutter-logo.svg" alt="flutter logo">
                <p>
                    <img src="https://via.placeholder.com/100x50" alt="placeholder 100x50">
                </p>
            </main>
        </div>
        <script>
            window.addEventListener("load", function () {
                var script = document.createElement('script');
                script.src = "https://code.jquery.com/jquery-3.3.1.min.js"
                document.body.append(script);

                var link = document.createElement('link');
                link.rel = "stylesheet";
                link.href = "https://getbootstrap.com/docs/4.3/dist/css/bootstrap.min.css"
                document.body.append(link);
            });
        </script>
    </body>
</html>